// unit()函数
.d1{
    // font-size: unit(20,px);
    // font-size: unit(10px,rem);
    font-size: unit(20px);
}

// convert()函数
.d2{
    background:pink;
    // animation-delay: convert(3000ms,s);
    animation-delay: convert(3s,ms);
    width: convert(20mm,px);
    transform: rotate(convert(0.5rad,deg)); // rad表示弧度，deg表示角度

    height: convert(45deg,px); // 无法转换，返回原数据
}

// 颜色相关颜色
.d3{
    color: color(blue);
    // background:darken(red,10%); // 变深
    // background:lighten(red,30%); // 变亮
    // background:mix(red,blue,50%);

    height: 100px;
    // background: url(../images/p1.jpg);
    background: data-uri("../images/p1.jpg");

}

// 其他
@list:'aa','bb','cc';
@myBorder:1px solid green;
.d4{
    border:unit(length(@list),px) solid red;
    color:extract(@myBorder,3); // 提取第3个字段

    // width: unit(ceil(300.2),px);
    // width: unit(round(300.2345,3),px);
    // width:percentage(0.45);
    width:unit(pi(),rem);
}

